<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Error Page</title>
    <style>
      /* 添加样式以美化页面 */
      body {
          margin: 0;
          padding: 0;
          background-color: #f2f2f2;
          display: flex;
          justify-content: center;
          align-items: center;
          height: 100vh; /* 让页面占满整个视窗高度 */
          font-size: 40px;
          text-align: center;
      }
      .error-container {
          text-align: center;
      }
      pre {
          white-space: pre-wrap;
          font-family: monospace;
          font-size: 40px;

      }
    </style>
  </head>
  <body>
    <div class="error-container">
      <pre>
   ______                            __
  / ____/___  ____ ___  ____  ____  / /__
 / /   / __ \/ __ `__ \/ __ \/ __ \/ //_/
/ /___/ /_/ / / / / / / /_/ / /_/ / ,<
\____/\____/_/ /_/ /_/ .___/\____/_/|_|
                    /_/
        </pre
      >
      <p style="font-size: 40px; font-weight: bold;">Oops! 出现了一个错误。</p>
      <p>抱歉，我们遇到了一个问题。</p>
    </div>
  </body>
</html>
